@CHARSET "UTF-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);

* {font-family: "Lato","nanumgothic","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;line-height: 1.1;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: "Lato","nanumgothic","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 400;
line-height: 1.1;
color: #444444;
}
a {text-decoration:none;}
.bgradient {display:table;width:100%;height:100%;
background: #4a3949; /* Old browsers */
background: -moz-linear-gradient(top,  #4a3949 0%, #831c51 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a3949), color-stop(100%,#831c51)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4a3949 0%,#831c51 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4a3949 0%,#831c51 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4a3949 0%,#831c51 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4a3949 0%,#831c51 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a3949', endColorstr='#831c51',GradientType=0 ); /* IE6-9 */
}

.ui-content-table {display:table;width:100%;height:100%;}
.inner-table {display:table;width:100%;height:100%;}
.inner-cell {display:table-cell;width:100%;height:100;text-align:center;vertical-align:middle;}

.splash h1 {color:#fff;font-size:4rem;margin-top:-2rem;}
#login {overflow:hidden;}
.login {background-image:url(images/bg_splash.jpg);background-repeat:no-repeat;background-size:cover;}
.login .inner-cell {vertical-align:middle;background-color:rgba(74,57,73,0.75);}
.login-content {width:100%;}
.login-content h1 {margin:0;color:#fff;font-size:6rem;margin-bottom:90px;}
.login-content form {}
.login-content .inner-wrap {border-bottom:1px solid #fff;width:90%;margin:0 auto;font-size:0;padding:10px 0;}
.login-content .inner-wrap-2 {width:90%;margin:0 auto;font-size:12px;padding:20px 0;text-align:left;}
.login-content .inner-wrap-2 label {padding-left:10px;font-size:1.5rem;width:auto;}
.login-content legend {display:none;}
.login-content label {display:inline-block;color:#fff;width:15%;}
.login-content .ui-input-text {width:85%;}
.login-content input[type="email"],.login-content input[type="password"] {display:inline-block;border:none !important;font-size:1.5rem;font-weight:700;}
.login-content input[type="checkbox"] {display:inline-block;position:static;margin:0;}
.login-content .ui-checkbox {display:inline-block;width:15%;vertical-align:middle;margin:0;text-align:center;} 
.login-content button.login_submit,
.login-content button.connect_facebook {width:90%;margin:29px auto 0;padding:17px 0;border-radius:0;border:0;color:#fff;background-color:#f57365;letter-spacing:1px;text-shadow:none;}
.login-content button.login_submit:hover {background-color:#f57365;color:#fff;text-shadow:none;}
.login-content button.connect_facebook:hover {background-color:#45629e;color:#fff;text-shadow:none;}

.login-content button.connect_facebook {position:absolute;bottom:5%;left:5%;display:inline-block;padding-left:7.5%;background-color:#45629e;}
.login-content button.connect_facebook span {position:absolute;top:0;left:0;line-height:54px;display:inline-block;width:15%;height:100%;background-color:#3b5590;color:#fff;font-size:2rem;}

.main-header-table {display:table;width:100%;height:54px;
background: #4a3949; /* Old browsers */
background: -moz-linear-gradient(top,  #4a3949 0%, #831c51 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a3949), color-stop(100%,#831c51)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4a3949 0%,#831c51 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4a3949 0%,#831c51 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4a3949 0%,#831c51 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4a3949 0%,#831c51 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a3949', endColorstr='#831c51',GradientType=0 ); /* IE6-9 */}
.main-header-cell {display:table-cell;width:100%;height:100;text-align:center;vertical-align:middle;}
.main-header-cell h1 {display:inline-block;color:#fff;}

.main-header-cell .btn-menu {position:absolute;top:50%;left:2.5%;margin-top:-1.25rem;font-size:2.5rem;color:#fff;text-shadow:none;font-weight:400;}
.main-header-cell .btn-search {position:absolute;top:50%;right:2.5%;margin-top:-1.25rem;font-size:2.5rem;color:#fff;text-shadow:none;font-weight:400;}
.main-header-cell .btn-menu:hover,
.main-header-cell .btn-search:hover {color:#fff;text-shadow:none;}

#panel-menu {background-color:#4a3949;}
#panel-search {background-color:#fff;}

#panel-menu .user {height:auto;overflow:hidden;}
#panel-menu .user a.thumbnail {display:inline-block;width:100px;height:100px;margin-top:20px;margin-bottom:0;border-radius:50%;background-color:#fff;background-repeat:no-repeat;background-size:cover;font-size:100px;overflow:hidden;}
#panel-menu .inner-table {background-color:#241523}
#panel-menu .user:after {display:block;content:'';height:0;clear:both;}
#panel-menu .user a.name {display:block;clear:both;color:#fff;font-size:2rem;font-weight:400;margin:10px 0 20px;}
#panel-menu .user a.name:hover {color:#fff;text-decoration:none;}
.gnb {margin:10px 10px 10px 30px;list-style:none;padding:0;}
.gnb li i {font-size:2rem;font-weight:400;width:3rem;vertical-align:middle;}
.gnb li a {display:inline-block;padding:12px 0;color:#fff;font-size:1.5rem;font-weight:400;vertical-align:middle;}
.gnb li a:visited {color:#fff;}
.gnb li a:hover {text-decoration:none;color:#fff;}
.gnb .depth-2 {margin:0;list-style:none;padding:0;}
.gnb .depth-2 li a {font-size:1.45rem;padding:8px 0;}
.gnb .depth-2 li {padding-left:3rem;}
.log-out {margin-left:3rem;}
.log-out i {font-size:2rem;font-weight:400;width:3rem;vertical-align:middle;}
.log-out a {display:inline-block;color:#fff !important;}
.log-out a:hover,.log-out a:visited{text-decoration:none;color:#fff;}
#panel-search {background-color:#fff;}